.navbar .nav .one a{background:#f5c63a;color:#fff;}
.head{position:relative;}
.head .border-l{margin-left:-30px;height:120px;border-left:1px #fff solid;}
.head .border-t{width:180px;border-top:1px solid #fff;margin-left:-70px;margin-top:-80px;}
.head .text{position:absolute;top:18%;left:15%;color:#fff;opacity:0.8;}
.head .text h2{letter-spacing:5px;}
.title{height:90px;position:relative;width:20%;text-align:center;margin:0 auto 40px;border-bottom:1px solid #afaaa7;}
.title-con{position:absolute;bottom:-10%;left:50%;margin-left:-41px;}
.title p{font-size:20px;font-family:bold;}
.title span{color:#616163;left:40%;bottom:-5px;font-size:12px;width:100%;background:#fff;}
.news .title span{background:#f5f6f8;}
.news .join .title span{background:#fff;}
.concept{width:90%;margin:20px auto 25px;}
.concept .concept-con img{width:100%;}
.product{width:90%;margin:0 auto;}
.product .product-con{width:100%;}
.product .product-con .main{width:23%;background:#f5f6f8;float:left;text-align:center;padding:3% 0;margin:0 1%;}
.product .product-con .main img{width:50%;margin-bottom:5%;box-shadow:1px 1px #8d8e7c;}
.product .product-con .main p{font-size:12px;color:#848482;}
.news{width:100%;margin:10px auto 25px;background:url("../images/bg1.png") 0 0 no-repeat;overflow:visible;padding-top:35px;}
.news .news-con{background:#fff;width:75%;margin:30px auto 0;padding:10% 10% 6%;}
.news .news-con ul li{float:left;width:26%;text-align:center;border:1px solid #f1b600;padding:5px 0;}
.news .news-con ul li:not(:first-child){margin-left:11%;}
.news .news-con a{text-decoration:none;color:#000;}
.news .news-con .more{text-align:center;margin:30px 0 35px;}
.news .news-con .more a{color:#767674;border-bottom:1px solid #a5a09d;}
.news .news-con .join .join-con{width:80%;margin:0 auto;text-align:center;}
.news .news-con .join .join-con p{margin-right:10px;display:inline;color:#b5b0ad;}
.news .news-con .join .join-con input{outline:none;padding:0 10px;height:30px;width:50%;border:1px solid #b5b0ad;border-radius:5px;}
.news .news-con .join .join-con .message textarea{outline:none;resize:none;padding:5px 10px;vertical-align:top;height:80px;width:75%;border:1px solid #b5b0ad:border-radius:5px;}
.news .news-con .join .join-con .clearfix{margin-bottom:20px;}
.name,.phone,.city,.email{width:50%;}
.message{width:100%;}
.message textarea{width:75%;border-radius:5px;}
.news .news-con .join .join-con .submit{outline:none;width:80px;margin:20px auto 0;background:#f5c63a;border:none;color:#fff;padding:5px 0;border-radius:5px;}
@media (max-width:800px){
    .head .text{transform-origin:0 0;transform:scale(0.5);}
    .concept,.product{width:100%;margin:0;}
    .news{padding:0;}
    .news .news-con{width:100%;padding:10% 0 6%;}
    .news .news-con .more{margin-bottom:0;}
    .news .news-con ul{width:95%;margin:0 auto;}
    .news .news-con .join .join-con{width:90%;}
    .news .news-con .join .join-con div{float:none;width:100%;}
    .news .news-con .join .join-con input{width:70%;}
    .news .news-con .join .join-con .message textarea{width:70%;}
    .name,.city{margin-bottom:20px;}
    .title{width:40%;}
    .title .title-con{margin-left:-37px;}
    .title p{font-size:16px;}
}
@media (max-width: 321px){
    .head .text h2{letter-spacing: 2px;}
    .head .text{transform: scale(0.4);}
}

